<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>canvas</title>
</head>
<body>
	<div>
		<canvas id="app">
			
		</canvas>
	</div>
</body>
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		var canvas = $("#app");
		var ctx=canvas[0].getContext('2d'); //jquery 2 dom
		ctx.fillStyle='#FF0000';
		ctx.fillRect(0,0,1,100);
		
	});
</script>
</html>